<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<script type="text/javascript" src="http://libs.useso.com/js/respond.js/1.4.2/respond.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/css3pie/2.0beta1/PIE_IE678.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="/static/static/h-ui/css/H-ui.css"/>
<link type="text/css" rel="stylesheet" href="/static/static/h-ui.admin/css/H-ui.admin.css"/>
<!--<link type="text/css" rel="stylesheet" href="/font/font-awesome.min.css"/>-->
<!--[if IE 7]>
<link href="http://www.bootcss.com/p/font-awesome/assets/css/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->
<title>添加用户</title>
  <link rel="stylesheet" href="/static/static/h-ui/css/H-ui.css">
  <style>
    #loader {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      /*width: 20px;*/
      /*height: 20px;*/
      margin: -25px 0 0 -25px;
      border: 6px solid #f3f3f3;
      border-radius: 50%;
      border-top: 6px solid #00A76F;
      border-bottom: 6px solid #00A76F;
      width: 50px;
      height: 50px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
    }
    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
      }
    }
    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
  </style>
</head>
<body>
<div class="pd-20">
  <div class="Huiform">
    <form action="/" method="post">
      <table class="table table-bg">
        <tbody>
          <tr>
            <th width="100" class="text-r">用户姓名：</th>
           <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="username" name="username" datatype="*2-20" nullmsg="用户名不能为空" >
             <button class="btn btn-success radius" type="button" id="check_username"><i class="icon-ok"></i>检测用户名</button>
<!--             <span id="userInfo"></span>-->
           </td>
          </tr>
          <tr>
            <th class="text-r"> 密码：</th>
            <td><input type="password" style="width:200px" class="input-text" value="" placeholder="" id="password"/>
            </td>
          </tr>
          <tr>
            <th class="text-r">确认密码：</th>
            <td><input type="password" style="width:200px" class="input-text" value="" placeholder="" id="confirmpassword"/></td>
          </tr>
          <tr>
            <th class="text-r">性别：</th>
            <td><label>
                <input name="sex" type="radio" id="six_1" value="1" checked>
                男</label>
              <label>
                <input type="radio" name="sex" value="0" id="six_0">
                女</label></td>
          </tr>
          <tr>
            <th class="text-r">出生日期：</th>
            <td><input type="text" style="width:200px"  class="input-text" name="" id="birthday"></td>
          </tr>
          <tr>
            <th class="text-r">角色：</th>
            <td><select class="select" size="1" name="authority" id="authority" style="width:200px">
					<option value="1">管理员</option>
					<option value="2">业务经理</option>
					<option value="3" selected>销售</option>
				</select></td>
          </tr>
          <tr>
            <th></th>
            <td><button class="btn btn-success radius" type="button" id="sub">确定</button>
            	<button class="btn btn-success radius" type="reset">重置</button>
            </td>
          </tr>
        </tbody>
      </table>
    </form>
  </div>
</div>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
<script>
  // function check() {
  //   $.ajax({
  //     url: "/users/checkname",
  //     type: "post",
  //     data: {
  //       "username":username,
  //     },
  //     success:function (data) {
  //       if (data.toString()=='用户名已存在，不能使用！'){
  //         $("#userInfo").css("color","red");
  //       }else {
  //         $("#userInfo").css("color","green");
  //       }
  //       $("#userInfo").html(data)
  //
  //     }
  //
  //   })
  //
  // }

</script>
<script type="text/javascript">
  window.onload = function () {
    function loadingEffect() {
      var loading = $('#loader');
      loading.hide();
      $(document).ajaxStart(function () {
        loading.show();
      }).ajaxSuccess(function () {
        loading.hide();
      });
    }
    loadingEffect();
  }

</script>
<!--<script type="text/javascript" src="/js/Validform_v5.3.2_min.js"></script>-->
<script type="text/javascript" src="/static/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="/static/static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="/static/js/user-add.js"></script>
<!--<script type="text/javascript">
$(".Huiform").Validform(); 
</script>-->
<!--<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?080836300300be57b7f34f4b3e97d911";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F080836300300be57b7f34f4b3e97d911' type='text/javascript'%3E%3C/script%3E"));
</script>-->
</body>
</html>